#include('header.html')
<div class="container">
    <div class="box box-pink">
        <div class="box-header">
            <h4 class="box-title"><span class="fa fa-hand-o-right"></span>使用帮助</h4>
        </div>
        <div class="box-body">
            <div style="font-size: 18px;">
                1、登录说明：<strong>账号密码初始化为<b style="color: red;">学号</b>！</strong>
                <div>
                    <img class="thumbnail" src="/static/images/help/login.png" width="100%">
                </div>
            </div>
            <div style="font-size: 18px;">
                2、打分说明：<strong>扫码二维码或直接访问链接进入打分界面。
                    <b style="color: red;">为每项选择过评价后点击提交按钮即可完成一次打分。</b></strong>
                <div>
                    <img class="thumbnail" src="/static/images/help/mark.png" width="100%">
                </div>
            </div>
            <div style="font-size: 18px;">
                3、菜单说明：<strong>可以修改个人信息和密码，
                    <b style="color: red;">建议初次登录后修改密码</b></strong>
                <div>
                    <img class="thumbnail" src="/static/images/help/menu.png" width="100%">
                </div>
            </div>
            <div style="font-size: 18px;">
                4、主页说明：<strong>展示个人信息及最优项</strong>
                <div>
                    <img class="thumbnail" src="/static/images/help/home.png" width="100%">
                </div>
            </div>
            <div style="font-size: 18px;">
                5、记录说明：<strong>查看个人打分记录，筛选条件有公司和阶段</strong>
                <div>
                    <img class="thumbnail" src="/static/images/help/record.png" width="100%">
                </div>
            </div>
            <div style="font-size: 18px;">
                6、排名说明：<strong>在排名界面展示了所有公司的总评排序</strong>
            </div>
        </div>
    </div>
</div>

</body>
</html>